<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>EAPro--login or register</title>
  	<style type="text/css">
  		body{
  			background-color: #4F94CD;
  		}
  		#weldiv{
  			color: #eef;
  			text-align: center;
  			font-size: 72px;
  			height: 120px;
  		}
  		#lrdiv{
  			background-color: #eff;
  			margin: auto;
  			border: 8px solid #99CC00;	
  			width: 560px;
  			height: 180px;
  		}
  		.divTitle{
  			font-size: 24px;
  			padding-left: 10px;
  			margin-bottom: 10px;
  		}
  		#logindiv{
  			margin-left: 10px;
  			float: left;
  		}
  		
  		#registerDiv{
  			margin-left: 40px;
  			padding-left: 40px;
  			border-left: 2px dotted #4F94CD;
  			float: left;
  			height: 180px;
  		}
  		.input{
  			width: 120px;
  			height: 26px;
  		}
  		#loginTable tr{
  			height: 36px;
  		}
  		#registerTable tr{
  			height: 30px;
  		}
  		
  		.button{
  			width: 80px;
  			height: 30px;
  			background-color: #4F94CD;
  		}
  		
  	</style>
  </head>
  
  <body>
  	<div id="weldiv">
  		welcome to EAPro
  	</div>
    <div id="lrdiv">
    	<div id="logindiv">
    		<div class="divTitle">
    			Login
    		</div>
    		<div>
    			<s:form action="login.action" method="post">
    			<table id="loginTable">
    				<tr>
    					<td>Username: </td>
    					<td><input type="text" name="username" class="input"></td>
    				</tr>
    				<tr>
    					<td>Password: </td>
    					<td><input type="password" name="password" class="input"></td>
    				</tr>
    				<tr>
    					<td colspan="2" align="center">
    						<input type="submit" value="Login" class="button">
    						<input type="reset" value="Reset" class="button">
    					</td>	
    				</tr>
    			</table>
    			</s:form>
    		</div>
    	</div>
    	<div id="registerDiv">
    		<div class="divTitle">Register</div>
    		<div>
    			<form action="register.action">
    				<table id="registerTable">
    					<tr>
    						<td>Username: </td>
    						<td><input type="text" name="username" class="input"> </td>
    					</tr>
    					<tr>
    						<td>Password:</td>
    						<td><input type="password" name="password" class="input"> </td>
    					</tr>	
    					<tr>
    						<td>
    							Email: 
    						</td>
    						<td>
    							<input type="text" name="email" class="input">
    						</td>
    					</tr>
    					<tr>
    						<td colspan="2" align="center">
    							<input type="submit" value="Register" class="button">
    							<input type="reset" value="Reset" class="button">
    						</td>
    					</tr>
    				</table>
    			</form>
    		</div>
    	</div>
    </div>
  </body>
</html>
